
// 引入全局布局组件
import Layout from './Layout'

export default {
    install(Vue) {

        console.log(arguments)
        // 1、注册全局组件
        Vue.component('Layout', Layout),

        // 2、自定义过滤器的全局注册写法
        // 第一个参数  自定义参数名字  第二个为  实现方法
       /*  Vue.filter('format',function(value,type){

                  //1、 过滤器只有一种函数写法, 这个函数必须返回一个值
           
                //  console.log(arguments) 
                 let  _date = new Date(value)
                   let    y = _date.getFullYear()
                   let   m = _date.getMonth() + 1
                   let   d = _date.getDate()
 
 
                     m = m > 9 ? m :`0${m}`
                     d = d > 9 ? d : `0${d}`
 
 
                    return     type === 'month'?    `${y}年${m}月`   :  `${y}年${m}月${d}日`
            
        }) */
        // 3、自定义指令的全局注册--这里只有自定义指令的函数写法全局注册
        //   第一个参数  自定义参数名字  第二个为  实现方法 也可以为实现对象，因为:自定义指令有对象写法
          Vue.directive('format',function(el,bindData,newVNode, oldVNode){
                         
                        let  _date = new Date(bindData.value)
                        let    y = _date.getFullYear()
                        let   m = _date.getMonth() + 1
                        let   d = _date.getDate()


                        m = m > 9 ? m :`0${m}`
                        d = d > 9 ? d : `0${d}`

                       /*  if(bindData.modifiers['24']){  el.style.fontSize = '24px'}

                        if(bindData.modifiers.bold)  {el.style.fontWeight = 'bold'}
                      
                        if(bindData.arg === 'red') {el.style.color =  'red'} */
                     

                    el.innerText =  '创建日期：' +   `${y}年${m}月${d}日`}
                                                                           )




    }
}